@media screen and (min-width:1080px) {
    #WapPublicForm{
        display: none !important;
    }
}
@media screen and (max-width:1080px) {

    .wap-public-form{

        width: 100%;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 40px;
        margin-bottom: 10px;


    }
    .wap-public-form>h3{
      

        font-size: 18px;
        text-align: center;
        font-weight: bold;
    }

    .wap-public-form>p{


        box-sizing: border-box;
        width: 210px;
        padding-top: 11px;
        font-size: 13px;
        padding-bottom: 11px;
        background-color: #fff5f4;
        border-radius: 18px;
        margin-top: 0.25rem;
        margin-left: auto;
        margin-right: auto;
        color: #c45d3e;
        text-align: center;
        background: url(/img/index/wap-public-form-hot.jpg) no-repeat;
        background-position: 19px 19px;
    }
    .wap-public-form>p>span{

        display: inline-block;
        width: 60px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #ff2e39;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;

    }
    .wap-public-form ul li {

        display: flex;
        align-items: center;
        
    }
    .wap-public-form ul li{
        margin-top: 10px;
    }
    .wap-public-form ul li label{
        width: 25%;
    }
    .wap-public-form ul li span{
        padding:10px;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
        text-align: center;
        border: solid 1px #e0e0e0;
        border-radius: 10px;
        margin-left: 10px;
        margin-top: 10px;
    }
    .wap-public-form ul li div{

        width: 75%;
        display: flex;
        flex-wrap: wrap;

    }
    .wap-public-phone i{
        color: #ff2e39;
    }
    .wap-public-form .later input{
        box-sizing: border-box;
        display: block;
        width: 80%;
        height: 35px;
        line-height: 35px;
        border: solid 1px #e0e0e0;
        border-radius: 5px;
        padding-left: 10px;
        margin-left: 10px;
    }

    .wap-public-form ul .wap-form-btn{

        height: 40px;
        line-height: 40px;
        background-color: #ff3833;
        text-align: center;
        border-radius: 10px;
        color: #fff;
        font-size: 15px;
        margin-top: 20px;
        display: block;
        font-weight: bold;

    }
    .wap-public-form ul li div .active-form-active{
        
        background: #fff4f2;
        color: #f93d55;
        border: solid 1px #f93d55;
        border-radius: 5px;

    }
    .wap-public-form span,
    .wap-public-form label,
    .wap-public-form input{
        font-size: 0.14rem !important;
    }

    .name{
        border: solid 1px #e0e0e0;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 10px;
        border-radius: 10px;
        padding-left: 10px;
    }

    .yanzhengma{
        width:100%;
        display: flex;
        padding-left: 10px;
        /* border: solid 1px blue; */
        
    }
    .yanzhengma input{
       
        width:140px;
        border: solid 1px #e0e0e0;
        height: 35px;
        line-height: 35px;
        border-radius:5px 0 0 5px;
        box-sizing: border-box;
        padding-left: 5px;
    }
    .yanzhengma button{

        box-sizing: border-box;
        width:75px;
        font-size: 14px;
        height:35px;
        line-height: 35px;
        text-align: center;
        border: none;
        background: rgb(12, 73, 111);
        color: #fff;
        border-radius: 0px 5px 5px 0px;
    }

    
}